<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html><!-- InstanceBegin template="/Templates/maintemplate.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!-- InstanceBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<!-- InstanceEndEditable -->
<link rel="stylesheet" href="../styles/main.css" type="text/css"/>
<!--[if IE 6]><link rel="stylesheet" href="../styles/main4ie6.css" type="text/css"/><![endif]-->
<link rel="stylesheet" href="../styles/item.css" type="text/css"/>
<!-- InstanceBeginEditable name="head" -->


<link rel="stylesheet" type="text/css" href="../styles/general_format.css"/>
<!-- InstanceEndEditable -->
</head>

<body>
<div id="wrapper">
	<div id="banner">
	<div id="topOfPage" class="clsFloatLeft">
		<div id="mnuHome">
				<a id="mniHome" href="home.html"><span class="clsRedColor">H</span>ome</a>
				<a id="mniForum" href="#"><span class="clsRedColor"> F</span>orum</a>
			   <a id="mniGallery" href="#"><span class="clsRedColor">G</span>allery</a>
				<a id="mniContact" href="contact.html"><span class="clsRedColor">C</span>ontact us</a>
				<a id="mniAbout" href="about.html"><span class="clsRedColor">A</span>bout us</a>
				<a id="mniSitemap" href="sitemap.html"><span class="clsRedColor">S</span>ite map</a>		</div>	
	</div>
	
	<div class="clsFloatLeft"><img src="../images/Slice_2.jpg"/></div>
	<div class="clsFloatLeft"><img src="../images/Slice_3.jpg"/></div>
	<div class="clsFloatLeft"><img src="../images/Slice_4.jpg"/></div>
	<div class="clsFloatLeft"><img src="../images/Slice_5.jpg"/></div>
	
	<div class="clsFloatLeft" id="accountarea">
		<div id="rabit_cat" class="clsFloatLeft"><img src="../images/cat_rabbit.gif"></div>
		
		<div id="lnkAccount" class="clsFloatRight">
			<span>Hello: </span><span id="lblUser">Guest</span>
			<span class="clsClearBoth">
        	<a href="#">Login</a>
			|
            <a href="register.html">Register</a></span>        </div>
			<div id="hamster" class="clsFloatRight"><img  src="../images/hamster.gif" width="76" height="65"></div>
	</div>
	
    
  </div>
	
	<div id="leftpane">		
		<div class="clsFloatLeft"><img src="../images/Slice_9.jpg"/></div>
		<div class="clsFloatRight"><img src="../images/Slice_11.jpg"/></div>
		<span class="clsFloatLeft"><img src="../images/Slice_10.jpg"/></span>
		<div id="btnYellow" class="clsFloatLeft clsLeftMenuItem"><a href="menu_pets.html">Pets</a></div>
	  <div class="clsFloatLeft"><img src="../images/Slice_17.jpg"/></div>
		<div id="btnBlue" class="clsFloatLeft clsLeftMenuItem"><a href="#">Clothes</a></div>
	  <div class="clsFloatLeft"><img src="../images/Slice_23.jpg"/></div>
		<div id="btnGrey" class="clsFloatLeft clsLeftMenuItem"><a href="#">Food</a></div>
	  <div class="clsFloatLeft"><img src="../images/Slice_28.jpg"/></div>
		<div id="btnRed" class="clsFloatLeft clsLeftMenuItem"><a href="#">Toys</a></div>
	  <div class="clsFloatLeft"><img src="../images/Slice_32.jpg"/></div>
		<div id="btnGreen" class="clsFloatLeft clsLeftMenuItem"><a href="#">Furniture</a></div>
	  <div class="clsFloatLeft"><img src="../images/Slice_36.jpg"></div>
		<div class="clsFloatLeft"><img src="../images/Slice_38.jpg"></div>
		<div id="tabUserOnline" class="clsFloatLeft">1024</div>
		<div class="clsFloatLeft"><img src="../images/Slice_41.jpg"></div>
		<div class="clsFloatLeft"><img src="../images/Slice_43.jpg"></div>
		<div id="tabSearch" class="clsFloatLeft">
			<span class="clsClearBoth">Type:
			<select id="cmbType">
				<option>Pets</option>
				<option>Products</option>
			</select></span>
			<span class="clsClearBoth">
			Price:
			<select id="cmbPriceRange">
				<option>All</option>
				<option>&lt;$10</option>
				<option>$10 to $100</option>
				<option>$100 to $200</option>
				<option>$200 to $350</option>
				<option>$350 to $500</option>
				<option>&gt;$500</option>				
			</select></span>
			<span class="clsClearBoth">Word:<input type="text" id="txtSearch"/><input type="button" value="Go"/></span>
		</div>
		<div class="clsFloatLeft"><img src="../images/Slice_50.jpg"></div>
		<div class="clsFloatLeft"><img src="../images/Slice_53.jpg"></div>
		<div id="tabLanguage" class="clsFloatLeft">
		 Choose your language:
			<select id="cmbLanguage"></select>
		</div>
		<div class="clsFloatLeft"><img src="../images/Slice_55.jpg"></div>
		<div class="clsFloatLeft"><img src="../images/Slice_61.jpg"></div>
		
	</div>
	
	<div id="rightpane">
		<div class="clsFloatLeft"><img src="../images/Slice_13.jpg"/></div>
		<div class="clsFloatRight"><img src="../images/Slice_15.jpg"/></div>
		<div class="clsFloatLeft"><img src="../images/Slice_14.jpg" /></div>
		<div class="clsFloatLeft"><img src="../images/Petshop2_25_v2.jpg"/></div>
		<div class="clsFloatLeft"><img src="../images/Slice_26.jpg"/></div>
		<div class="clsFloatLeft"><img src="../images/Petshop2_31.jpg"/></div>
		<div class="clsFloatLeft"><img src="../images/Petshop2_38.jpg"/></div>
		<div class="clsFloatLeft"><img src="../images/Petshop2_60.jpg"/></div>
		<div class="clsFloatLeft"><img src="../images/Slice_47.jpg"/></div>
		<div class="clsFloatLeft"><img src="../images/Slice_49.jpg"/></div>
		<div class="clsFloatLeft"><img src="../images/Slice_52.jpg"/></div>
		<div id="shoppingCardTitle" class="clsFloatLeft clsShoppingCard" >
			<img src="../images/shoppingCart_top.gif"/></div>
			
			<!--code to control shopping cart goes here-->
		<div id="shoppingCard" class="clsFloatLeft clsShoppingCard">
			<table id="tblShoppingCart" border="1">
				<tr>
					<th>&nbsp;&nbsp;&nbsp;&nbsp;Item&nbsp;&nbsp;&nbsp;</th>
					<th>Quantity</th>
					<th>Price</th>
				</tr>
				<tr>
					<td><a href="#">a</a></td>
					<td><a href="#">3</a></td>
					<td><a href="#">$10</a></td>
				</tr>
				<tr>
					<td><a href="#">b</a></td>
					<td><a href="#">2</a></td>
					<td><a href="#">$15</a></td>
				</tr>
			</table>
			<br>
			Total: $60
		</div>
			<!-- end shopping cart-->
		<div class="clsFloatLeft clsShoppingCard"><img src="../images/shoppingCart_bot.gif"/></div>
		<div class="clsBestSeller clsFloatLeft"><img src="../images/bestseller_top.gif"></div>
		<div id="bestSeller" class="clsBestSeller clsFloatLeft"><br><br><br>	</div>
		<div class="clsBestSeller clsFloatLeft"><img src="../images/bestseller_bot.gif"></div>
		
		<div class="clsNews clsFloatLeft"><img src="../images/new_top.gif"/></div>
		<div id="news" class="clsFloatLeft clsNews" ></div>
		<div class="clsNews clsFloatLeft"><img src="../images/new_bot.gif"/></div>
		
	</div>	
	
	
	<div id="content" class="clsFloatLeft">
		<div class="clsFloatLeft"><img src="../images/Slice_12.jpg"/></div>		
		<div class="clsFloatLeft"><img src="../images/Slice_22.jpg"/></div>	
		<div class="clsFloatLeft"><img src="../images/Slice_29.jpg"/></div>	
		<div class="clsFloatLeft"><img src="../images/Slice_37.jpg"/></div>	
		<div class="clsFloatLeft"><img src="../images/Slice_44.jpg"/></div>	
		<div class="clsFloatLeft"><img src="../images/Slice_51.jpg"/></div>	
		<div class="clsFloatLeft"><img src="../images/Slice_56.jpg"/></div>	
		<div class="clsFloatLeft"><img src="../images/Slice_60.jpg"/></div>	
		<div class="clsFloatLeft"><img src="../images/Slice_62.jpg"/></div>	
		
		<div id="content_top" class="clsContent clsFloatLeft">
			<a href="#">Home</a> > <a href="#">New products	</a> </div>
		<!-- content of page is placed here -->
		<div id="maincontent" class="clsContent clsFloatLeft">
			
	    <!-- InstanceBeginEditable name="content_region" -->
		<div class="clsLineHeigt1">
<h3>HAPPY PETS</h3>
<p>You feel sad, you need a friend? You go home and noone at home? You want to bring to your friends a surprise in his/her birthday party? ... Come with us. We sure that you can find an wonderful animal friends here. </p>
<p><span class="clsBold">HAPPY PETS</span> is set up in 2005 with purpose becoming a destination for people who need pets and want to find a &quot;lovely friends&quot; keeping at home.  Since the beggining, we have already received many encouragement from customer. Now, we have many kind of pets that can satify your need. Come with us you also can find many interesting things and information about pets. Please <a href="#">contact</a> us for more information and suport.</p>
<p>We also sincerely thank all customer, the friends who have supported us through during time.</p>
</div>
<!-- InstanceEndEditable -->		</div>	
		<div id="botContent" class="clsContent clsFloatLeft"><img src="../images/content_bot.gif"/></div>
	</div>
	<div id="footer">
	<hr>
	<span class="clsClearBoth clsBold">HAPPY PETS </span>
	<span class="clsClearBoth">Tel: 0123456789 - Email: happypets@gmail.com - Address: 102 5F Owtrendats</span>
    <span class="clsClearBoth">Design by MEO QUE plus :)</span>
	<span class="clsClearBoth">Copyright &copy; 7/2011</span>    </div>
</div>
</body>
<!-- InstanceEnd --></html>
